{% load staticfiles %}

<!DOCTYPE html>
<html>
    <head>
        {% block stylesheet %}
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>统一数据平台</title>
            <!-- Tell the browser to be responsive to screen width -->
            <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
            <!-- Bootstrap 3.3.6 -->
            <link rel="stylesheet" type="text/css" href="{% static 'bootstrap/css/bootstrap.min.css' %}" />
            <!-- Font Awesome -->
            <link rel="stylesheet" href="{% static 'plugins/font-awesome/font-awesome.min.css' %}">
            <!-- Ionicons -->
            <link rel="stylesheet" href="{% static 'plugins/ionicons/ionicons.min.css' %}">
            <!-- DataTables -->
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/datatables/dataTables.bootstrap.css' %}" />
            <!-- Bootstrap-select -->
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/bootstrap-select/bootstrap-select.min.css' %}" />
            <!-- Select2 -->
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/select2/select2.min.css' %}">
            <!-- Codemirror -->
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/codemirror/lib/codemirror.css' %}">
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/codemirror/theme/monokai.css' %}">
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/codemirror/addon/hint/show-hint.css' %}">
            <!-- sweetalert -->
            <link rel="stylesheet" type="text/css" href="{% static 'plugins/sweetalert/dist/sweetalert.css' %}">
            <!-- Theme style -->
            <link rel="stylesheet" type="text/css" href="{% static 'dist/css/AdminLTE.min.css' %}" />
            <!-- AdminLTE Skins. Choose a skin from the css/skins
               folder instead of downloading all of them to reduce the load. -->
            <link rel="stylesheet" type="text/css" href="{% static 'dist/css/skins/_all-skins.min.css' %}" />
            <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
            <![endif]-->
            {% block customize-style %}{% endblock %}
        {% endblock %}
    </head>
    {% block body %} 
        <!-- <body class="hold-transition skin-blue sidebar-collapse sidebar-mini"> -->
        <body class="hold-transition skin-blue sidebar sidebar-mini">
            <div class="wrapper">
                {% block wrapper %} 
                    {% block header %} {% include 'ceudp/header.html' %} {% endblock %}
                    {% block left-sidebar %} {% include 'ceudp/left-sidebar.html' %} {% endblock %}
                    {% block content %}
                        <div class="content-wrapper">
                            <section class="content-header">
                                <div class="overlay">
                                    <i class="fa fa-lg fa-spinner fa-spin"></i>
                                </div>
                            </section>
                        </div>
                    {% endblock %}
                    {% block right-sidebar %} 
                        {% include 'ceudp/right-sidebar.html' %} 
                        <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
                        <div class="control-sidebar-bg"></div>
                    {% endblock %}
                    {% block footer %} 
                        <footer class="main-footer">
                            <div class="pull-right hidden-xs">
                                <a href="http://www.centrin.com.cn/">
                                    <i class="fa fa-chrome"></i>
                                </a> 
                                <a href="#">
                                    <i class="fa fa-weixin"></i>     
                                </a>
                            </div>
                            <strong>Copyright &copy; 2017 Centrin.axuProject.</strong> 
                            All rights reserved.
                        </footer>
                    {% endblock %}
                {% endblock %}
            </div>

            {% block script %}
                <!-- jQuery 2.2.3 -->
                <script src="{% static 'plugins/jQuery/jquery-2.2.3.min.js' %}"></script>
                <!-- Bootstrap 3.3.6 -->
                <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
                <!-- DataTables -->
                <script src="{% static 'plugins/datatables/jquery.dataTables.min.js' %}"></script>
                <script src="{% static 'plugins/datatables/dataTables.bootstrap.min.js' %}"></script>
                <!-- SlimScroll -->
                <script src="{% static 'plugins/slimScroll/jquery.slimscroll.min.js' %}"></script>
                <!-- FastClick -->
                <script src="{% static 'plugins/fastclick/fastclick.js' %}"></script>
                <!-- AdminLTE App -->
                <script src="{% static 'dist/js/app.min.js' %}"></script>
                <!-- AdminLTE for demo purposes -->
                <script src="{% static 'dist/js/customize.js' %}"></script>
                <!-- Bootstrap-select -->
                <script src="{% static 'plugins/bootstrap-select/bootstrap-select.min.js' %}"></script>
                <!-- filesize 可以将数字转换成为人类可读的文件大小 -->
                <script type="text/javascript" src="{% static 'plugins/filesize/filesize.min.js' %}"></script>
                <!-- 基础方法 -->
                <script type="text/javascript" src="{% static 'dist/js/ceudp.js' %}"></script>
                <!-- Codemirror -->
                <script type="text/javascript" src="{% static 'plugins/codemirror/lib/codemirror.js' %}"></script>
                <script type="text/javascript" src="{% static 'plugins/codemirror/mode/sql/sql.js' %}"></script>
                <script type="text/javascript" src="{% static 'plugins/codemirror/addon/hint/show-hint.js' %}"></script>
                <script type="text/javascript" src="{% static 'plugins/codemirror/addon/hint/sql-hint.js' %}"></script>
                <!-- Select2 -->
                <script src="{% static 'plugins/select2/select2.full.min.js' %}"></script>
                <!-- 避免CSRF错误 -->
                <script src="{% static 'dist/js/csrf.js' %}"></script>
                <!-- sweetalert -->
                <script src="{% static 'plugins/sweetalert/dist/sweetalert.min.js' %}"></script>
                {% block customize-script %}{% endblock %}
            {% endblock %}
        </body>
    {% endblock %}
</html>